home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
Mac Power 1997 October
/
MACPOWER-1997-10.ISO.7z
/
MACPOWER-1997-10.ISO
/
AMUG
/
INTERNET
/
HTML Grinder 3.21.sit
/
HTML Grinder
/
Documentation
/
Grinder Manual 3.21
(
.txt
)
next >
Wrap
Common Ground
|
1997-03-07
|
525KB
|
3,505 lines
ffffff
ffff33
ff33ff
ff3333
33ffff
33ff33
3333ff
333333
wwwwww
UUUUUU
DDDDDD
""""""
Lucida Bright
HTML Grinder
The Ultimate Web Site
Management Tool
Helvetica
To View Next Page:
Choose
from Page menu
or type
To View Previous Page:
Choose
Previous
from Page menu
or type
To Print Document:
Choose
Print
from the File menu
or type
Contents:
pages
0Use scroll bar at right to see more of this page
8Other navigation commands are available in the Page menu
1994-96 by Michael Herrick/Matterform Media
"HTML Grinder and the Grinder icons
"are trademarks of Matterform Media
http://www.matterform.com/
grinder@matterform.com
Lucida Bright
Table of Contents
Introduction
)F ................................
)] ................................
.............................
What is the HTML Grinder?
................................
)U ................................
Plug-In Tool Approach
)v ................................
)U ................................
..........
Demo Mode
)< ................................
)U ................................
)U ................................
How to contact Matterform Media
................................
........................
1Copyright Information and Distribution Permission
........................
Getting Started
)R ................................
)] ................................
.........................
Grinder Package
)Q ................................
)U ................................
........................
Grinder Requirements
)n ................................
)U ................................
.............
Balloon Help
)A ................................
)U ................................
..............................
~'Loading your documents into the Grinder
................................
........
Important Warning
)^ ................................
)U ................................
...................
4Dragging documents and folders onto the Grinder icon
.................
#Checking which documents are loaded
................................
...............
Selecting a wheel to use
)v ................................
)U ................................
..........
The Grinder Wheels
)l ................................
)] ................................
................
Find and Replace
)S ................................
)U ................................
.......................
Glossary
), ................................
)U ................................
)U ................................
......
Replace Tagged Text
)f ................................
)U ................................
................
Appender
)1 ................................
)U ................................
)U ................................
Index Builder
)D ................................
)U ................................
.............................
AutoIndexer
)> ................................
)U ................................
...............................
Scroller
)& ................................
)U ................................
)U ................................
........
Date Stamp
)9 ................................
)U ................................
)U ................................
Page Labeler
)> ................................
)U ................................
...............................
Altifier
)$ ................................
)U ................................
)U ................................
)U .........
Insert Image Size Tags
)n ................................
)U ................................
.............
Filename Fixer
)I ................................
)U ................................
...........................
Recreator
)1 ................................
)U ................................
)U ................................
Color Calculator
)Q ................................
)U ................................
........................
Site Printer
)9 ................................
)U ................................
)U ................................
AppleScript
)< ................................
)U ................................
)U ................................
Sequential Linker
)V ................................
)U ................................
......................
StretchList
)6 ................................
)U ................................
)U ................................
Theseus
)) ................................
)U ................................
)U ................................
.......
Eight Dot Three
)N ................................
)U ................................
.........................
Code Police
)9 ................................
)U ................................
)U ................................
Other Features
)R ................................
)] ................................
.........................
Linking wheels together
)v ................................
)U ................................
..........
Saving commonly used settings
................................
............................
'Editing text documents with the Grinder
................................
............
Preferences
)@ ................................
)] ................................
...............................
Appendix
)7 ................................
)] ................................
)^ ................................
Demo Mode and Serial Numbers
................................
...........................
"Registering all the wheels at once
................................
.........................
t drag documents onto the Grinder icon
................................
.....
Comment Tags
)L ................................
)U ................................
..........................
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Introduction
What is the HTML Grinder?
[The HTML Grinder is not an editor. It is not a WYSIWYG tag converter or a friendly tutorial
6]for those trying to learn the Hypertext Markup Language. It
s not like any other HTML utility
ve ever seen, but once you try it out, you may find you can't live without it.
UThe Grinder was developed to meet the needs of advanced Webmasters who need to manage
6Xsites comprising dozens or hundreds of pages. The Grinder won
t write your pages for you
¥the way an editor will, but it will help you maintain them and keep them in order far better
than any mere editor could.
YSay your Web site has been up for a while, and now you
ve changed your email address. Say
6Zthat email address appears on every one of your fifty pages. How is your HTML editor going
^to help? You have to open each text file in turn, make the change, and move on to the next. If
re quick, this will keep you busy for about fifteen minutes.
[The Grinder lets you do it all in a single stroke. You just drag all your HTML documents on
6`the Grinder icon, set up a single search-replace dialog box, and click the start button. All the
Bchanges in all your HTML documents are done in less than a minute.
[Or say you want to make a table of contents to your site so folks can choose a page from an
6Walphabetical list. Or have you ever wanted to put a date on the bottom of each page? Or
Ymaybe make a chain of pages, with next and previous links leading the reader from page to
page.
YAn editor can put these kinds of elements on your pages, but you still have to do all the
6Fclicking and typing. The Grinder can put these elements on your pages
automatically.
6Yjust drag the files you want onto the Grinder icon, set a few parameters, and the Grinder
handle starts to spin!
Plug-In Tool Approach
^The Grinder doesn
t do anything by itself. It requires special plug-in tools, called
wheels,
6'to make changes to your HTML documents.
QEach wheel is a miniature program that performs a specific task. One wheel does a
6^find/replace, another wheel creates a table of contents, another puts a date stamp on all your
Zpages, and so forth. This modular approach makes it possible to expand the capabilities of
Vthe Grinder by releasing new wheels. And it lets you save money by purchasing only the
Zwheels you find the most useful. A discount is available if you purchase all the wheels at
once.
ffffff
ffff33
ff33ff
ff3333
33ffff
33ff33
3333ff
333333
wwwwww
UUUUUU
DDDDDD
""""""
QAnd what are those icons supposed to be? Why, they
re the
wheels,
the kind that
6Vplug into those industrial-grade food grinders for grating cheese. Watch your fingers!
* Demo Mode
VThe Grinder program and one of the wheels, the
Find and Replace
wheel, are free. You
66may use this software forever at absolutely no charge.
YThe other Grinder wheels ship in
demo mode
which allows you to try them out for a short
6^time before purchasing. The wheels are fully functional, but they expire after a few weeks and
Fyou need to register them with a serial number to continue using them.
TYou can purchase the serial numbers directly from the Matterform Media web site (see
6[below). You can buy numbers for all the wheels, or just for the ones you use the most. Once
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6Vyou receive your numbers and enter them into the software, you will be able to use the
5Grinder wheels indefinitely and without interruption.
Important:
ODo not open any of the wheels until you are ready to evaluate it. If you open a
6_wheel for a quick look, then close it and don
t come back to it for a month, you will find that
Zit has expired before you even had a chance to review it. Downloading a new wheel will not
it will be expired too.
Also Important:
-When you receive your serial numbers, install
6Sthem right away. They will expire in a few days if you do not use them soon enough.
RWhen a wheel is opened in Demo Mode, it prompts you to enter a serial number or to
continue in Demo Mode. See the
Appendix
)6. for more information about serial numbers and
Demo Mode.
How to contact Matterform Media
SInformation about the HTML Grinder, Matterform Media, and other Matterform products
6Xcan be viewed at the Matterform Web site. You can download the Grinder directly from the
^site, and also purchase serial numbers for your favorite wheels. Visit the Web site or send us
email:
Matterform site:
Courier
http://www.matterform.com/
Email:
grinder@matterform.com
?XWe take credit card orders through the Web site using secured transactions. Other online
6Xpayment options are available such as check, corporate purchase order, faxed credit card
orders, and so on.
WRemember, the Grinder is expandable. If you have a task that you would like to automate
6[with a new Grinder wheel, please write to us. Your ideas help us make the Grinder even more
Xpowerful. We would also be very interested to hear about any unusual or helpful uses you
%have discovered for the HTML Grinder.
* 1Copyright Information and Distribution Permission
UThe HTML Grinder is common law copyright 1994-95 by Michael Herrick/Matterform Media.
6.Copyright protection applies to the following:
$The HTML Grinder application program
All the plug-in wheels
The Read Me file
This manual
?=Distributing this software without permission is prohibited.
Permission is hereby granted
to distribute the HTML Grinder
4 as long as all of the following conditions are met:
SThe entire package (application, wheels, readme file, and manual) must be included.
5No portion of the package may be modified or altered.
1The wheels must be distributed in Demo Mode only.
?JAll the Grinder wheels (except the Find and Replace wheel, which is free)
revert to demo
U and require new serial numbers as soon as they are copied to another Macintosh. This
6¥allows you to share the Grinder with your friends and let them try it out for a few weeks in
UDemo Mode without committing software piracy. Thank you for respecting copyright law.
[If you want to include the Grinder in a shareware software collection
either online, floppy
6Rdisks, CD-ROM or other media
please write for permission and for more information.
TPermission will almost certainly be granted, but we just want to know ahead of time.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Getting Started
Grinder Package
SWhen you download the HTML Grinder, you receive a compressed bin-hex document which
6:uncompresses into a folder containing the following icons:
HTML Grinder Application
ffffff
ffff33
ff33ff
ff3333
33ffff
33ff33
3333ff
333333
wwwwww
UUUUUU
DDDDDD
""""""
MThe HTML Grinder is the main application program. It contains the bulk of the
6Rprogramming and it coordinates the various plug-in wheels that you have installed.
Grinder Tools
ffffff
ffff33
ff33ff
ff3333
33ffff
33ff33
3333ff
333333
wwwwww
UUUUUU
DDDDDD
""""""
SThe Grinder Tools folder contains all the Grinder plug-in wheels. The Grinder needs
6Qto be able to locate this folder on your hard drive, so do not move or rename it.
Other items
VA ReadMe file and this manual are also included. If you wish to distribute the Grinder
6Qaccording to the terms outlined above, these are the four items you must include.
Grinder Requirements
Rs >D
RJBE) bR
E) BR
JRJRE) BR
^ HIB
Q HI3
<g60I
AThe Grinder requires System 7.0 or later and a 68030 processor or
6Gfaster. You should allocate at least 1500K of memory to the Grinder and
the more the merrier.
$To set the memory allocation, click
on the Grinder icon and
choose
Get Info...
)65 from the File menu. A window appears with fields for
6Hthe memory allocation in the lower-right corner. Make sure the preferred
Dsize is at least 1500K. We recommend a partition of around 3000K. If
Hyou are working on a large web site, you may want to allocate even more.
Balloon Help
YBalloon Help is supported throughout the HTML Grinder and all of the plug-in wheels. When
6_you are first learning to use the Grinder, you may find it helpful to turn on Balloon Help from
X menu and point at all the buttons, text fields and other elements in the wheel windows.
?^A simple help screen is also available for the Grinder. You can see this screen at any time by
clicking the
)JA in the lower-left corner of any wheel window. You can also type
? or press the
6!HELP key on an extended keyboard.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6'Loading your documents into the Grinder
TTo begin work with the Grinder, you first need to load a group of documents into the
6[Grinder. You do this simply by dragging documents on to the Grinder icon in the Finder. You
can also drag
folders
)$F onto the Grinder icon, which will load all the documents contained in
6]the folder, as well as all documents in all sub-folders. This is a quick and easy way to load
#large numbers of documents at once.
WGenerally you only need to load HTML documents into the Grinder, though some wheels let
6Gyou work on image files as well. The Grinder is pre-configured to load
documents with
.html
suffixes. To load other kinds of documents, see
Preferences,
below.
Important Warning
SThe Grinder makes extensive and permanent alterations to large numbers of your HTML
6Vdocuments at once. There is no way to undo the modifications performed by the Grinder.
VPlease exercise caution and make sure you have recent backups of the documents you are
about to grind.
4Dragging documents and folders onto the Grinder icon
SYou must do this work in the Finder, before you even open the HTML Grinder program.
6FFirst, arrange your windows so that you can see both the Grinder icon
the documents and
folders you want to load.
~~~~~~
}}}}}}
||||||
{{{{{{
zzzzzz
yyyyyy
xxxxxx
wwwwww
vvvvvv
uuuuuu
tttttt
ssssss
rrrrrr
qqqqqq
pppppp
oooooo
nnnnnn
mmmmmm
llllll
kkkkkk
jjjjjj
iiiiii
hhhhhh
gggggg
ffffff
eeeeee
dddddd
cccccc
bbbbbb
aaaaaa
``````
______
^^^^^^
]]]]]]
¥¥¥¥¥¥
[[[[[[
ZZZZZZ
YYYYYY
XXXXXX
WWWWWW
VVVVVV
UUUUUU
TTTTTT
SSSSSS
RRRRRR
QQQQQQ
PPPPPP
OOOOOO
NNNNNN
MMMMMM
LLLLLL
KKKKKK
JJJJJJ
IIIIII
HHHHHH
GGGGGG
FFFFFF
EEEEEE
DDDDDD
CCCCCC
BBBBBB
AAAAAA
@@@@@@
??????
>>>>>>
======
<<<<<<
;;;;;;
::::::
999999
888888
777777
666666
555555
444444
333333
222222
111111
000000
//////
......
------
,,,,,,
++++++
******
))))))
((((((
''''''
&&&&&&
%%%%%%
$$$$$$
######
""""""
!!!!!!
#&)((%!
&++-0
!++/5
%+/7;
(-6;<
$2:<?
#5=AFJ
09CHH
%5@BDG
2<@EI
JHD?;2
-7@GHHGHFFC9*
#2<BB
.9=AHJJIE@>7)
FF;1!
+7@BDG
-7@HH
FFB9.
HA>8$
FCC=2"
HIH@8/
JJF@=6-
!/:=AHIJIFFD=7,
H JJF?;6(
+5=BBFJJHDDE?6(
0:>CHIHHJJ
#3;BFEFKJJ
&3;@CJ
.8ACBGI
.9=AIJ
!29BFD
$0;>A
JJDDE@;4$
HHJHA?<3+
JJFDDC:7-!
IIHIJD=?
HHIJJDFH
DGJJHHJH
+3=?BHIHGIJH
%2;@DDCFJIJ
<;60'
"18=>BHGFI
D@:3-$
-7;@DADH
B==87.%
+27<>DH
EF?=964(
GJIEKJHFIE>
JFFJJGKIFD
800-&!
BGJIHKIFH
;7821.'!
>FJEHJIFI
;><7720,'%
259==ED>FH
A<@@9<<67
.+*(&$
%+659==DF
6A?BA=A>9=
/-/)(*&!!
#,/99=@
CCD@@C@?@@=@
wutrr
5572030--,+(
!*007
CB=AA@@A@??
vtsrqo
95474042.0
(()&%$""#
;<@@=?@
usrqpon
:779737516
_]¥[Z
++/*'*)''
7:?;:?@;>>
tsrqpomm
:99878646
^¥¥ZZX
/1-+/+)-
;;9<<
trrpo
-889877566
^][ZYXW
1/./-,/
IHFEC
B&(,1225577
9689677466
¥¥ZZXWUU
1/0-..
HFEDCB
86543
!$&+.-1
86377257346
¥[ZYW
0/0/..
GEECCA@
765321
1042024/14
/02-/0--/
FEDCB@?>
654311/
/0+-/++.
EECBA
543210/"
"#%)%&
+(+,((+
$&$$%$#
(Then, select the documents or folders of
6+documents you want to grind by highlighting
0their icons. You can shift-click on each icon in
1turn, or drag a selection rectangle to select the
icons you want.
*Now just point the mouse at any one of the
6+highlighted documents or folders, press the
+mouse button and drag all the documents and
/folders onto the Grinder icon. When the Grinder
,icon highlights, release the mouse button to
the documents into the Grinder. If you
Yhave difficulty dragging documents onto the Grinder, try rebuilding your desktop. See the
Appendix
for assistance.
?[The Grinder application will launch and display the Grinder credits screen briefly. After a
6Tfew seconds, a thermometer window will appear as the Grinder loads the documents you
¥dragged onto the Grinder icon, and all the documents inside the folders you dragged onto the
Grinder icon.
¥When this is finished, a soft chime will sound. You can now use one of the plug-in wheels to
6(make changes to this group of documents.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6#Checking which documents are loaded
JA%!)(
)`*JR@
) JBR
I!II%
H'AI$
H)II$)
I!II%
$ I !$
H'AI$
H)II$)
&I9%"
I!II%
HII !$
H'AI$
H)II$)
I!II%
H'AI$
H)II$)
)I%$ JRA$
I!II%
H'AI$
H)II$)
)I%$ A%$
&ffLL
?You can see exactly which documents are loaded at any time just
by choosing
Loaded Documents...
from the Edit menu. A window
6>appears listing the complete pathname to every document loaded
@in the Grinder. If you want to work on a different group of HTML
Cdocuments, you can edit this list, or you can just drag a different
)group of documents onto the Grinder icon.
&The Grinder is pre-configured to load
documents that
6Acontain a
.html
suffix. All other files are ignored and are not
loaded into the Grinder. See
Preferences,
)D below, to change this behavior.
Note:
V If you load a great many documents into the Grinder at once (say, more than 400), you
6Swill receive a message saying that the documents cannot be displayed in the
Loaded
XDocuments
window. The documents are still loaded, and you will still be able to work on
Ythem, but you will not be able to see them listed in the window and the documents will no
?longer be loaded the next time you restart the Grinder program.
Selecting a wheel to use
SOnce you have a group of documents loaded into the Grinder, you can open a wheel to
6¥make changes to all those documents at once. To use any wheel, just select its name from the
6Tools menu. The wheel window will open on your screen.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
The Grinder Wheels
VThis section describes and gives instructions for each of the wheels included with the
6YGrinder. This is where the real work gets done! To use the wheels, you should know how to
Kdrag documents onto the Grinder icon, as described in the previous section.
Demo Mode
ZWhen any wheel opens, it displays the registration dialog box. If you do not have a serial
6Ynumber yet, you can click
and continue. Later on, if you decide to purchase serial
'numbers for any of the wheels, see the
Appendix
for more information.
Find and Replace
0ff`Fff
<ff`>ff
f&ffd
6The Find and Replace wheel is free. Even if you do not
6<purchase serial numbers for any of the other wheels, you can
<use this wheel at no charge, although the Demo messages will
;appear every time the wheel is opened. The wheel will never
<expire, but you can eliminate these messages by purchasing a
serial number.
5The Find and Replace wheel works the way any Find and
62Replace command works in most word processors. The
Ddifference is that this wheel will search at a single stroke all the
:documents you drag onto the Grinder icon. You only need to
7type the phrases into the fields once and then hit the
Find &
Replace
button.
?¥If you want the search to match case (i.e. find only words that exactly match the pattern of
6;upper and lower case letters in the Find field), check the
Case Sensitive
box. This box is not
6[available in Demo mode. If you want to use this feature, you will need to purchase a serial
9number for this wheel or for the complete Grinder bundle.
¥You can search for a string of text up to 255 characters long. You can replace with a string
6¥of text up to 30,000 characters. This limitation applies to all wheels that perform a search
^(e.g., the Glossary wheel, below). As with all Grinder wheels, you can type or paste text into
the input fields.
Glossary
)IBH "
JB :R
) JB)JR
!"K ,I JH
'"z (I
)"B (I JH
8The Glossary wheel is an enhanced Find and Replace wheel
68that lets you make multiple changes in your documents at
once.
Creating glossary entries
;You use the Glossary wheel by setting up glossary
entries
64or find/replace settings. To create an entry, click
G New Entry
or type
5N. A blank line will be highlighted in the scrollable
6?list of glossary entries and two new fields will appear beneath
the list.
In the field
Replace this glossary text,
type in the text you
68wish to search for in your HTML documents. In the field
this HTML code,
)¥, type in the text you want to insert in your
6-HTML documents in place of the glossary text.
UThe glossary text will now be listed as an entry in the scrolling list. If you click
Replace
Glossary Text
)MQ at this point, this wheel will function exactly like the Find and Replace wheel.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?ZBut the real point is that now you can set up a second, third, and fourth entry
as many as
you like. Just click the
New Entry
)<9 button and fill out the fields to add new entries to the
6 scrollable list. When you click
Replace Glossary Text,
& the Grinder will go through each HTML
60document in turn and perform a find and replace
for each one
of your glossary entries.
Removing and changing entries
ZYou can remove glossary entries just by clicking on them in the list and then clicking the
Delete Entry
)EP button. You will be asked to confirm your decision. And you can edit entries by
6]clicking on them in the list, and then changing the text that appears in the find and replace
fields.
Case Sensitive Searches
¥If you want the search to match case (i.e. find only words that exactly match the pattern of
6;upper and lower case letters in the Find field), check the
Case Sensitive
box. The settings of
this box affect searches for
9 glossary entries. There is no way to make different case
62sensitive settings for different glossary entries.
Replace Tagged Text
%) JB
1)!JP
!A%!K
) % H
JH)
JI)
I JJ@P
x||x|
I)HRC
A)JPB(B
9Replace Tagged Text is a specialized Search/Replace tool.
It lets you search for
% strings of text (called tags), throw
6<out all the text that lies between them, and replace it with
new text.
Tagging text in your pages
9In order to use this wheel, you need to design your pages
6;with this strategy in mind. There will be certain chunks of
6text in your pages that you will want to change fairly
9frequently. You can
these chunks so that the Tagged
Text wheel can find them easily.
<To tag a chunk of text, place one non-displaying comment tag
before it and another
6_(different) comment after it. For a chunk of text you want to identify as a
footer
, you would
tag it as follows:
Courier
<!--footer-->
Your text and HTML code here...
<!--end of footer-->
Replacing the tagged text
0In the Tagged Text wheel, you would now specify
<!--footer-->
as the beginning tag and
<!--end of footer-->
)~B as the end tag. Then type or paste into the large scrolling field
6Qwhatever text you want you want to insert between those two tags. When you click
Replace
Tagged Text,
)IL the wheel will go through each one of your documents, find the text between
<!--footer-->
and
<!--end of footer-->
)y1 tags and replace it with the text you typed into
the large scrolling field.
*b+* See Appendix for more about comment tags.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Appender
)bAHI)`|D
HI)@DD
A)HQ(B
HI)@DD
)IBH
)IJJR
$ ) J@%
/IJJR
(IJJR
9JJN
c03#2f
c0?30f
c0030f
c0132f
x)HI I
)Hx,bH B
I ")@E(B
I)HRC
A)JPB(B
4The Appender wheel lets you insert text at specified
6%locations in all your HTML documents.
:The first field is the large scrolling field where you can
68type or paste the text you want to insert in each one of
your HTML documents.
4Under the large field is a popup menu which controls
66where the text will be appended in the HTML documents.
There are four choices:
At beginning of document.
Appends the text at the
U4beginning of the document, before all the other text
in the document.
At end of document.
)rA Appends the text at the end of the document, after all the other
text in the document.
Before text.
)@L Appends the text before the first instance in each document of the text you
U7type in the small field to the right of the popup menu.
After text.
)9K Appends the text after the first instance in each document of the text you
U7type in the small field to the right of the popup menu.
?¥The Before Text and After Text options are especially powerful. If you want to place text at
6Lthe beginning of each page, you will probably want to append text after the
Courier
</title>
<body>
)(T) tag. If you want to append some text at the end of each page, you should not place
60the text at the end of the entire document, but
before
the
</body>
tag (if you use that tag).
?/When you make all the settings, just click the
Append Text
button.
Index Builder
IH)JJ
rA%
% HJI
f&bd`
)`%!JR
/@!'J^
(@%)JP
%)JPE
BH!!$
E,JJ ,JB)IHA)H
zB/IHA)H
E(BHI
BBHIHE)H
DIndex Builder is a quick and painless way to create those long lists
6Cof links and tables of contents that are so common in Web sites. It
Bautomatically puts a list on one page with automatically generated
&links to a group of destination pages.
DTo use this wheel, select your destination pages (that is, the group
6Bof pages for which you want to create a linked list) and drag them
#onto the Grinder icon. Then choose
Index Builder
from the Tools
menu.
Click
Select Index File...
)e) This will display a standard Open dialog
6Bbox. Select the HTML document on which you want the list to appear
¥with links to all your destination documents. The name of the file appears in the text field
underneath.
.There are two other options to set. Check the
Alphabetize
box if you want the links
6-arranged in alphabetical order. And from the
Format
)'" popup menu, you can choose among:
Plain <br>.
);. Puts each link on its own line, separated by
tags.
Plain <p>.
)6. Puts each link on its own line, separated by
tags.
Unordered.
)># Creates a bulleted list using the
tag.
Unordered <p>.
)V# Creates a bulleted list using the
tag and separating each entry
with an additional <p> tag.
Ordered.
)1# Creates a numbered list using the
tag.
Ordered <p>.
)I# Creates a numbered list using the
tag and separating each entry
with an additional <p> tag.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
When you click
Build Index,
)B? the wheel will create a link for each one of the documents you
6/dragged onto the Grinder icon. It will use the
Courier
<title>
).) of each page for the link text, and will
build the
M tags and an appropriate link pathname. Then the wheel will arrange the links
6Ufor each document, alphabetize them if you specified, and list them in the format you
^specified. Finally, the wheel will automatically insert the HTML code for the linked list onto
)the page you specified as the index file.
>Example of the HTML code created for an unordered linked index
<!--index-->
-<li><a href="../folder/file1.html">Page 1</a>
-<li><a href="../folder/file2.html">Page 2</a>
-<li><a href="../folder/file3.html">Page 3</a>
</ul>
<!--end of index-->
?^The first time you add an index to a file, it will be at the spot you specify using the Append
popup menu (see the
Appender
)78 wheel for more information). However, the index will be
6.wrapped inside two non-displaying comment tags
<!--index-->
and
<!--end of index-->
?YThe next time you add an index to this file, the wheel will search for these comment tags
6Y(even if you have moved them), throw out the index that lies between them, and insert the
new index in its place.
AutoIndexer
¥ AutoIndexer searches your entire site for keywords that you specify, and then builds a list
6Hof links to the files that contain those keywords. AutoIndexer adds the
<a name>
tags to your
6afiles so that clicking an item in the index will jump directly to the relevant word on the target
Wpage. You can decide how many instances of a keyword should be indexed on a single page
3and you can choose from 18 different index formats.
ZTo use AutoIndexer, drag onto the Grinder icon all the HTML files which you want to create
6^links for. AutoIndexer will search these pages for keywords and add the appropriate links to a
Dseparate index file which you will select in the AutoIndexer window.
VThe AutoIndexer window contains three
panes
of settings. You can switch from pane to
6)pane by clicking one of the tabs labeled
Keywords, Options,
Index File.
Each pane is
described in turn below:
* See Appendix for more about comment tags.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Keywords
H)JJK
%)@I)`JH
t!/0I)@zH
b JX`
I)@BH
"q0)9
n 2H&Y
HJXA)
JEIbP !
zEIBL '
BB )
y)!HIJH)H
'HAJH
E )HAJI)H
'HA2D
!"K ,I )I
'"z (I
I !$!
)"B (I
3The first pane lets you enter the keywords you want
67to search your site for. To create a new keyword, click
New Keyword
)T or type
N. A blank line will be
69highlighted in the scrollable list of keywords. Type your
*keyword in the field to the right labeled
Keyword.
Then
63press the tab key to leave the field and update the
display on the scrolling list.
2You can specify variations for each keyword in the
Variations
)9+ field. For example, when searching for the
64keyword
Aaron Bobbs,
you might also want to search
4for
Aaron,
Aaron C. Bobbs,
and
Mr. Bobbs.
Type
"each variation on a separate line.
6To edit a keyword or its variations, click the keyword
6Xname in the scrolling list and edit the fields to the right. To delete a keyword and its
Cvariations, click the keyword name in the scrolling list and click
Delete Keyword.
Options
'$$ s<
% 0*$
A BJH
.The Options pane controls how the keywords are
66searched and how the final index is formatted. You can
9revert to the recommended settings for this window at any
time by clicking the
Defaults
button.
Check the
Match Case
)@" box if you want to find only text
67that exactly matches the pattern of upper and lowercase
&letters you type in the Keywords pane.
Use the
On Same Page
popup menu to control how many
6]identical keywords are indexed on a single page. Choose
Index First Instance
to create only
[one link to the very first instance of a keyword on a page. Choose
Index All Instances
bcreate a link to every instance of the same keyword on a page (this can result in lots of links!).
ZThe default setting is
Index Widely Separated Instances,
which creates links to multiple
!instances of a keyword on a page
6 if those instances are separated by approximately 100
words
or more.
Index Format
)KG popup menu controls the information that is placed in the final index.
There are three choices:
l Actually, the determining factor is instances that are separated by at least 500 characters of text, either
plain text
HTML code.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Keywords Only
Keyword1
Keyword2
Keyword3
|
|
Keyword4
Keywords w/ Page Titles
Keyword1
Page Title A
Keyword2
Page Title A
|
|
Page Title B
Keywords w/ Titles (1 line)
Keyword1
|
Page Title A
Keyword2
|
Page Title A
|
Page B
6## indicates another instance of the
same keyword, either on the same
page or on a different page
## indicates another instance of the
same keyword on the same page
## indicates another instance of the
same keyword on the same page
Text Format
)DH popup menu controls the format and spacing of the index. You can choose
from six formats:
Plain <br>.
Separates each line with
Courier
tags.
Plain <p>.
Separates each line with
tags.
Unordered.
)>? Creates a bulleted list (nested, where appropriate) using the
tag.
Unordered <p>.
)V? Creates a bulleted list (nested, where appropriate) using the
U-and separating each entry with an additional
tag.
Ordered.
)1? Creates a numbered list (nested, where appropriate) using the
tag.
Ordered <p>.
)I? Creates a numbered list (nested, where appropriate) using the
U-and separating each entry with an additional
tag.
Experiment with the
Index Format
and
Text Format
)D$ popup menus to find the format that
6Vworks best for your purposes. These two popup menus used in conjunction offer eighteen
different index formats.
Index File
Click
Select Index File...
)d" to select the page that the index
66should be placed on. This will display a standard Open
6dialog box. Select the HTML document on which you want
6the index to appear with links to all your destination
6documents. The name of the file appears underneath the
button.
Use the
Append
),& popup menu to control where the index
6=will be placed on the page the first time (see description of
,this popup menu in the instructions for the
Appender
)7& wheel). If you add an index to a file
6Wthat already contains an index, the new index will overwrite and replace the old index,
!regardless of the setting of the
Append
popup menu.
Run the wheel
NAfter you have made all these settings, there is nothing left to do but click
Search Pages &
Build Index.
)BR After the Grinder finishes, load your index file into your Web browser and take a
look at the results.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6#How AutoIndexer modifies your pages
IAutoIndexer places the index at the point in the file you specify in the
Index File
)7 pane. It
68places the index within the non-displaying comment tags
Courier
<!--Index-->
and
<!--End of
Index-->
)5@. AutoIndexer does not modify the index file any more than this.
?VHowever, AutoIndexer makes more extensive modifications to the pages you drag onto the
6'Grinder icon to be searched. It places
<a name>
)6+ tags around every keyword that it finds in
6¥those documents, in order to create the scrolling links. There are a few things you may want
.to know about how AutoIndexer adds these tags:
The names used in the
<a name>
)55 tags are generated automatically and are of the form
AutIndx
followed by a numeral (e.g.,
<a name="AutIndx32">Apple</a>
Once a
<a name>
)4B tag is added to a document, it cannot be removed, except by hand.
BWhen indexing first instances only, AutoIndexer will add only one
<a name>
tag per
UJkeyword per document. When indexing all instances, AutoIndexer will add a
<a name>
tag and build a link to
every
2 keyword in a document. If you then switch back to
UYindexing first instances only, AutoIndexer will create links to the first instances only,
but all the
<a name>
tags will remain.
$If a keyword is already wrapped in a
<a name>
)<( tag, AutoIndexer does not add a new tag
U?but leaves the original tag as it is and uses it for the links.
RAutoIndexer will locate keywords that are portions of other words, but places the
name>
)!J tags around complete words only. For example, if you specify
Apple
as a
ULkeyword, AutoIndexer will also find
Appleseed
and will generate a tag like
<a name="AutIndx4">Appleseed</a>
(not
)#!<a name="AutIndx4">Apple</a>seed
?ZAs with all Grinder wheels, it is important to maintain backup copies of the pages you are
6 Grinding.
Scroller
Helvetica
Section 1
* Section 1A
* Section 1B
Section 2
Section 3
Clicking on
this link...
...will scroll
the window
down to here
#The quick brown fox jumps over the
$lazy dog. The quick brown fox jumps
#over the lazy dog. The quick brown
fox jumps over the lazy
Section 1
Section 1A
The quick brown fox jumps over
"the lazy dog. The quick brown fox
jumps over the lazy dog.
Section 1B
The quick brown fox jumps over
"the lazy dog. The quick brown fox
jumps over the lazy dog.
sections
scrolling
links
?-Scroller takes a long scrolling document with
6.multiple sections in it and installs scrolling
,links at the top of the page which users can
*click on to jump to the different sections
-further down on the page. To accomplish this,
the wheel places a standard
<a name="link">
61tag around each section title, and then creates a
standard
<a href="#link">
tag at the top of
6/the page. You can use Scroller to provide basic
0hypertext navigation for a long sequential page,
quickly and automatically.
,Generally, you will use Scroller on only one
6/page at a time. As always, make sure you have a
(backup of your page before you Grind it.
UThe page you drag onto the Grinder icon must contain section titles which are clearly
6^identified by HTML tags. The best way is to have each one of your section titles marked with a
heading tag (
through
A). Scroller will then create a scrolling link for each heading in
6*your document. To use this setting, check
Scroll to Heading Tags.
You can also choose the
6;heading level that Scroller should start at. If you select
# as the starting tag, Scroller will
ignore
and
<h2>
)"$tags and create scrolling links for
headings and higher. This is
useful when you use
C as the tag for the uppermost title which therefore does not need a
scrolling link.
YThe great advantage to using heading tags is that if you use multiple levels of headings,
6eScroller will reflect the different levels by creating a hierarchical list of scrolling links. In the
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6dillustration above, the link to Section 1A is indented to the right, indicating that it is a link to
Courier
heading.
!%,H
R ) R
^ ) R
A)PBH
P ) R
f`"
f`"&t
@!,I)IRBI
bIJBI
@ @A)I(
?1If you have a document which does not use heading
63tags, you can still use Scroller on it. Just check
8 Scroll to
Custom Tags
)H) and enter the HTML tag which was used to
67mark up all the section titles. For example, if each of
+your section titles is in bold type, enter
. Scroller will
68automatically figure out the appropriate closing tag (in
this example,
#). Make sure that the tag you enter
64here is not used anywhere in the document except for
the section titles.
1On pages with scrolling links, it is customary to
6<include in each section a link which will scroll the visitor
8back up to the table of contents links at the top of the
9page. You can include this tag automatically by checking
Include Link to Top.
You can
6Zspecify the way this link should read. When you use this option, a link to the top will be
]installed immediately after each section title and formatted to be one font size smaller than
the surrounding text.
¥When you use scrolling links, it is sometimes helpful to advise your visitors that the links
6]will take them to a different spot on the same page, rather than to a brand new page. You can
_do this by attaching the Scrolldown and Scrollup QBullets to each of your links. They look like
this:
This link scrolls down the page:
Section 1
This link scrolls up the page:
Return to top
?¥The QBullets are included in the Grinder Extras folder. To use the QBullets, first copy them
6Qto an appropriate location on your Web site. Then, in the Scroller window, check
Scrolldown QBullet
and/or
Use Scrollup QBullet.
)v* A dialog box appears asking you to locate
6[the appropriate QBullet GIF file. When you select the graphic file, the pathname appears to
Uthe right of the checkbox. To select a different graphic, just click on the pathname.
WFor more QBullets you can add to your Web site for free, see http://www.matterform.com.
Finally, you can use the
Append
)+5 popup menu to select where in your document your new
6¥links should be installed. For more information on this popup menu, see the instructions for
Appender
wheel.
?,When you have made all your settings, click
Install Scrolling Links.
Watch your fingers
RYou should always backup your files before Grinding them. Scroller makes extensive
64modifications to your pages, such as installing the
<a name="link">
tags, which cannot be
undone.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Date Stamp
DA@JP
DA@JR
@PA%)$R
Ng8;y
6The Date Stamp wheel inserts the last modified date on
6=all your documents. It pulls this date directly from the last
5modified date recorded by the System for each of your
6documents. And the wheel gives you a number of options
,for how that date will be formatted via the
Date Format
popup menu:
Long.
Monday, September 18, 1995
Short.
9/18/95
Abbreviated.
Mon, Sep 18, 1995
?6(These formats may appear slightly different depending
on the settings of your
Date and Time
control panel.)
?4You can also wrap the date in text of your choosing.
67There are fields which let you specify what text should
come
Before
)#$ the date and what text should come
After
% the date. The example illustrated on
6%this page would produce HTML text of:
Courier
!<font size="-2">Last modified on:
)<b>Monday, September 18, 1995.</b></font>
?'which would appear in a Web browser as:
Last modified on
Monday, September 18, 1995.
You can modify the
Before
and
After
5 text to add any HTML code, text or images along with
the date of each document.
Finally, the
Insert
) F popup menu controls where in the documents the date will be inserted.
6*This popup menu operates exactly like the
Append
),! popup menu in the Appender tool.
?TWhen you insert a date stamp for the first time, the HTML code is wrapped in the non
displaying comment tags
<!--date stamp-->
Palatino
<!--end of date stamp-->
?VThe next time you insert a date stamp on a page, the wheel ignores the setting of the
Insert
6¥popup menu. Instead, it finds these comment tags, throws out the old date stamp, and inserts
the new one in its place.
YKeep in mind that when you add the last modified date to each of your documents, you will
modify and thereby
change
)&@ the last modified dates of each document. It
s best to run this
6Cwheel immediately before placing a new version of your site online.
* See Appendix for more about comment tags.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Page Labeler
`"E!$
I) JR
H @"E
I) JR
R`r/
I)`HR
R !)HI
R !)I
I)@JR
R !)JI
) I)
EEA$$Ia%
OA% ! I
%$HA% !)I
<``>0c
B%)H@
<``<f|p
!"K ,I )I
'"z (I
I !$!
)"B (I
:Page Labeler automatically inserts the URL or title on all
67the pages you drag onto the Grinder icon. This can be a
7helpful feature for people who print your pages out for
future reference.
Inserting Titles
To insert titles, simply choose
Titles
from the
Insert
62popup menu. Page Labeler will insert whatever text
appears between the
Courier
<title>
and
</title>
tags on each
page.
Inserting URLs
$You can insert the URLs by choosing
from the
Insert
) * popup menu. When inserting URLs, two more
6Yoptions appear below the popup menu. Since you will be dragging HTML files from your hard
Adrive onto the Grinder icon, their URLs will look something like:
2file:///Macintosh%20HD/Web%20Site/folder/page.html
?XYou need to convert these local URLs to the Internet HTTP URLs that your visitors use to
access your page, like:
*http://www.domainname.com/folder/page.html
?_To do this, you will eliminate the portion of the URL that applies to your local hard drive (in
this example,
Macintosh HD/Web Site/
2 )and replace it with the HTTP header, domain name
68and folders of your Internet Web site (in this example,
http://www.domainname.com/
Click the
Set...
L button to choose your local base folder. A dialog box will appear which you
6]can use to select the top level folder of your Web site on your hard drive. Then, in the text
]field to the right, type in the HTTP address of the top level folder of your Web site on your
Web server.
Other options
[You can wrap the URL or title in text or HTML code of your choosing. There are fields which
6&let you specify what text should come
Before
)$) the URL/title and what text should come
After
6Ethe URL/title. These fields work just like the similar fields in the
Date Stamp
wheel.
You can use the
Append
),C popup menu to control where on the page the URL/title is inserted.
61This popup menu is described in detail under the
Appender
instructions.
?[If you want to insert both the URL and the title on each page, you can simply run the wheel
6Ztwice, changing the settings between each grind. The URLs and titles are wrapped in custom
]comment tags, so if you re-grind files that have already had a URL or title inserted, the old
0URL or title will be replaced with the new ones.
Altifier
H%(II$
H%&Iy<
D(@BH%!IA
$P(@BR
$ Q(A
IJP )
R JH%(
JR JI%! H"
5You already know you should be giving all your images
65ALT parameters. The ALT parameter is used for inlined
images and looks like this:
<img
alt="description"
src="file.gif">
?5The ALT parameter is used to make your site usable to
6]visitors who can
t see your images and specifies alternative text that should be displayed if
Wfor any reason the image itself is not displayed (for example, a visitor has turned off
Zautomatic image downloading in his browser software, or if he is using a text-only browser
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6¥like Lynx). So if you had a button that displays a picture of a house and links to your home
Xpage, you would give the image an ALT parameter of
which would appear to the user
5as clickable hypertext instead of a graphical button.
WUnfortunately, who ever thinks to put those pesky things in? The Altifier means you can
6¥design your whole Web site and then drop the ALT parameters in at the last minute. It simply
Xsearches for all the inlined images in your pages and adds an ALT parameter based on the
Cfilename minus the file-type suffix. So if you had an image tag of:
Courier
<img src="home.gif">
?'the Altifier would transform that into:
<img alt="home" src="home.gif">
?[This solution isn
t perfect, because it depends on how well-named your image filenames are.
6GBut it
s usually better than nothing and easier than thinking about it.
Insert Image Size Tags
Important Note:
Insert Image Size Tags is an
unsupported
wheel. It is not for sale
6 individually but is included at
no charge
)71 when you purchase the complete bundle of wheels.
6YDue to the many GIF file formats and system configurations out there, it is impossible to
[guarantee that this wheel will work properly on your computer. Please exercise caution when
&using this wheel (keep backups, etc.).
¥The best way to insert an inlined GIF image is to include the width and height parameters in
6*your image size tags. They look like this:
<img
width=100 height=34
src="image.gif">
?YThe beauty of these tags is that they let the browser software know how big your pictures
6[are right away. That way, the browser can completely lay out the text before it even starts
Ydownloading the pictures. The page appears immediately with properly sized blanks for the
agraphics, which gradually fill in. If you don
t insert these tags, the text layout halts at every
;graphic and your page seems to take much longer to display.
WUnfortunately, putting those width and height tags in is a royal pain. You have to keep
6[opening up a graphics editor to refer to the pixel dimensions of the image, and then switch
^back to your editor to type the numbers in. The Insert Image Size Tags wheel will insert these
*width and height parameters automatically.
fdff`p
b33 ?
@c32`?
!)IJI
I)JBe
! IJI
I)zB%
!)IJI
(RI JBPR
I)BB%
R`(N)
$$)H)!JB
)@))J
AI)J@
:AI)z@
JAI)B@
:AI)1
$)H$(
%%) AJ
!)H%!
) IH@
)I `P
$ Q(A BB
323308`f`1
4You just write your pages and include the image tags
without
)(4 the size parameters. Write all your pages this way.
69Then, when you
re done, drag them all on the Grinder, run
:this wheel, and go get a cup of coffee. When you get back,
7the wheel will have calculated the pixel dimensions for
;every picture and inserted the size parameters into each of
$the image tags on all of your pages.
[If the wheel encounters an image tag which already uses the width and height parameters, it
6]will be skipped. Keep in mind that the width and height parameters are functional only in the
WNetscape browser and a few other new browsers. Finally, this wheel is incompatible with
Avirtual memory; be sure to shut it off before running this wheel.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Filename Fixer
IBHBB
RBHIJP
NB&q9
))I $
"DP"!
"| "!
"@P"!
D %!@
:Filename Fixer is a handy tool for many purposes (not just
6?HTML!). Rather than changing the contents of your documents, it
changes their
titles
( with a simple Search/Replace interface.
?CJust fill out the search field and the replace field and then click
Change Filenames.
)g. The wheel can change the title of any kind of
6;document: HTML files, GIF files, MPEG files, Microsoft Word
:files
whatever you drag onto the Grinder icon. However, it
cannot change the names of
folders.
??If you want the search to match case (i.e. find only words that
6@exactly match the pattern of upper and lower case letters in the
Find field), check the
Case Sensitive
box.
You can also use the
Change Case
)G6 popup menu to change the case of your filenames. This
6Yis useful for ensuring that all your filenames are lowercase before transfering them to a
server. You can use the
Change Case
)L* popup menu alone or in combination with a
Find/Replace. The
Change Case
)G( popup menu will change the case of the
entire
filename, not
64just the portions of the filename that are replaced.
[You may need to close and reopen the folder that contains the files you are grinding before
6!the name changes will be visible.
* Recreator
]The Recreator doesn
t affect the contents of your files. It is designed to quickly change the
Type Codes
and
Creator Codes
)K0 of your files before you begin working on them.
About type and creator codes
WEvery Macintosh file has a type code and a creator code. These are four character codes
6[embedded in the file which tells your Macintosh what format the file is in and what program
&to use when you double-click the file.
XSometimes you will get a file from a different computer platform that lacks these codes.
6XDouble-clicking on the file will produce the
Application not found
error message. Your
]Macintosh doesn
t know what kind of file it is, and it doesn
t know what program can open it.
UIf you know what kind of files they are supposed to be, Recreator lets you share that
information with your Macintosh.
XSometimes a colleague will give you some HTML files that she typed up in Microsoft Word.
6]But when you double-click a file, you don
t want it to open in Microsoft Word; you want it to
]open in your HTML Editor. Recreator lets you switch the creator code so that these files will
open in the program you choose.
How to use this wheel
UJust drag all the files whose type codes or creator codes you want to change onto the
6]Grinder icon. You can drag any kind of file
text, graphics, whatever. Then open the Recreator
wheel window.
, bBI`JR
*HI%%
%)!( B
# %!,
%$IH$
# %!(:BRI
%$IH$
" %!(JBRI
%$IH$
%/ t
#330#2
!"K ,I )I
'"z (I
I !$!
)"B (I
5Check the boxes to specify whether you want to change
6:the type code, the creator code, or both at the same time.
:Enter the type code and the creator code you want into the
#appropriate fields. When you click
Change Type and/or
Creator Codes,
)T' all the documents you dragged onto the
6:Grinder will be transformed to the codes you type in these
3Since it isn
t always easy to remember the type and
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6_creator code for particular formats and applications, there is a special shortcut. If you click
Same As...
)9Q you will get a standard Open dialog box. Just select a document that was created
6Xby the application whose type and creator code you want to switch your documents to. Its
`codes will then appear in the fields. Note that type codes and creator codes are case-sensitive.
XAfter you run this wheel, you may need to close and reopen the folder which contains the
6Ttransformed documents before your Macintosh will associate them with the new type or
application.
Color Calculator
HHJRBI
)JP , J )!!J
HJJRRH
( HI)!)J
I!!JC
BJP`I &I:@
I !IJ@
bc801
) BA%!$%) I@
%%) I@
n&pg8
H)/ t
@AH$
:Most browser programs display Web pages as black text on a
66light gray background. The Netscape browser recognizes
<special tags which let the Web designer customize the colors
=of the background and the text. Writing these tags are fairly
4easy. Figuring out the arcane hexadecimal codes that
5represent the colors is not. If you want a light blue
background, should you use
Courier
9CEF93
B4DF0F
?:The Color Calculator shields you from these codes and lets
64you choose your colors more intuitively. Just click
Color...
)'T to display the standard color wheel. Click the color you want on the wheel. You can
6¥lighten or darken the color by using the scroll bar on the right side of the window. You can
Talso fine-tune your color with the HSB or RGB fields on the left side of the window.
~~~~~~
}}}}}}
||||||
{{{{{{
zzzzzz
yyyyyy
xxxxxx
wwwwww
vvvvvv
uuuuuu
tttttt
ssssss
rrrrrr@
oooooo
nnnnnn
mmmmmm
llllll
kkkkkk
jjjjjj
iiiiii
hhhhhh
gggggg
ffffff
eeeeee
dddddd
cccccc@
______
^^^^^^
]]]]]]
¥¥¥¥¥¥
[[[[[[
ZZZZZZ
YYYYYY
XXXXXX
WWWWWW
VVVVVV
UUUUUU
TTTTTT
SSSSSS@
OOOOOO
NNNNNN
MMMMMM
LLLLLL
KKKKKK
JJJJJJ
IIIIII
HHHHHH
GGGGGG
FFFFFF
EEEEEE
DDDDDD
CCCCCC@
??????
>>>>>>
======
<<<<<<
;;;;;;
::::::
999999
888888
777777
666666
555555
444444
333333@
//////
......
------
,,,,,,
++++++
******
))))))
((((((
''''''
&&&&&&
%%%%%%
$$$$$$
######@
o<NoNo^
o@NoNoNo^
oDNoNoNoNoN
oHNoNoNoNoNo^
oLNoNoNoNoNoNoNo^
oPNoNoNoNoNoNoNoN
oRNoNoNoNoNoNoNoNo^
oVNoNoNoNoNoNoNoNoNoNo^
oXNoNoNoNoNoNoNoNoNoNoN
o¥NoNoNoNoNoNoNoNoNoNoNoN
o^NoNoNoNoNoNoNoNoNoNoNoNo^
obNoNoNoNoNoNoNoNoNoNoNoNoN
_dooNoNoNoNoNoNoNoNoNoNoNoNoNoN
_f>_NoNoNoNoNoNoNoNoNoNoNoNoNoNo^
_h>_>_NoNoNoNoNoNoNoNoNoNoNoNoNoN
_j>_>_>_NoNoNoNoNoNoNoNoNoNoNoNoNoN
_/>_>_>_>_NoNoNoNoNoNoNoNoNoNoNoNoNo^
_)>_>_>_>_>oNoNoNoNoNoNoNoNoNoNoNoNoN
_'>_>_>_>_>_>oNoNoNoNoNoNoNoNoNoNoNoNoN
_%>_>_>_>_>_>_>oNoNoNoNoNoNoNoNoNoNoNoNo
_#>_>_>_>_>_>_>_>oNoNoNoNoNoNoNoNoNoNo
_!>_>_>_>_>_>_>_>oNoNoNoNoNoNoNoNoNo
>_>_>_>_>_>_>_>_>oNoNoNoNoNoNoNo
>_>_>_>_>_>_>_>_>_NoNoNoNoNoNoNo
>_>_>_>_>_>_>_>_>_>_NoNoNoNoNo
>_>_>_>_>_>_>_>_>_>_>_NoNoNoNo
>_>_>_>_>_>_>_>_>_>_>_>_NoNoNo
>_>_>_>_>_>_>_>_>_>_>_>_>_NoNo
>_>_>_>_>_>_>_>_>_>_>_>_>_>_No
>_>_>_>_>_>_>_>_>_>_>_>_>_>o
>_>_>_>_>_>_>_>_>_>_>_>_>_
>_>_>_>_>_>_>_>_>_>_>_>_>_
>_>_>_>_>_>_>_>_>_>_>_>_>_
>_>_>_>_>_>_>_>_>_>_>_>_>_
._>_>_>_>_>_>_>_>_>_>_>_
.O._>_>_>_>_>_>_>_>_>_>_>_
.O.O.O>_>_>_>_>_>_>_>_>_>_
.O.O.O.O._>_>_>_>_>_>_>_>_
.O.O.O.O.O>_>_>_>_>_>_>_
.O.O.O.O.O.O>_>_>_>_>_>_
.O.O.O.O.O.O.O._>_>_>_>_
.O.O.O.O.O.O.O.O.O>_>_>_
.O.O.O.O.O.O.O.O.O._>_
.O.O.O.O.O.O.O.O.O.O._>_
.O.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
.O.O.O.O.O.O.O.O.O.O.O
?.O.O.O.O.O.O.O.O.O
?.O.O.O.O.O.O.O
O.O.O.O
.Once you have selected your color, just click
6:wheel will calculate the color code and insert it in the
Color Triplet
)I, field. Now you can just copy this code into
6-the appropriate place in your HTML documents.
Note:
0The Color Calculator wheel is unusual in that it
65does not modify your HTML documents automatically. It
2completely ignores any documents that you may have
7dragged onto the Grinder icon. All the Color Calculator
<does is compute the code for the color you pick. After that,
s up to you to insert that code in the proper place of your HTML document.
Where to put the color codes
.The color codes are used as parameters to the
<body>
tag. The
<body>
tag is somewhat
6Voptional, and many people do not use it until they want to use one of the custom color
parameters. The
<body>
)'B tag surrounds the contents of your HTML document in the following
fashion:
Anatomy of an HTML Document
<html><head>
+<title>Title of the Document</title></head>
<body bgcolor="#9CEF93">
Contents of the document here...
</body></html>
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?>You can insert any or all of five different parameters in the
Courier
<body>
tag:
bgcolor="#XXXXXX"
Sets the background color
text="#XXXXXX"
Sets the color of the text
link="#XXXXXX"
%Sets the color of the hypertext links
vlink="#XXXXXX"
-Sets the color of the visited hypertext links
alink="#XXXXXX"
+Sets the flash color you see when you click
on hypertext links
?QYou may want to visit the Netscape Web site at http://home.netscape.com/ for more
61information about the usage of custom color tags.
Cool Tip
[The real challenge in colorizing pages is picking text and background colors that work well
6¥together. And it
s a pain to have to figure out a new hexadecimal code and type it into your
¥HTML documents just because you want to see what the page looks like if you lighten the text
up a bit.
m!Netscape Color Preferences Window
?[Netscape lets you set the colors of your background, text and hypertext links from a single
6ZPreferences window. You can use the Netscape preferences to experiment with colors and see
Dyour changes immediately, without having to code them in HTML first.
[The Netscape color picker is identical to the one used by the Color Calculator. So once you
6Yget the colors the way you want in Netscape, you can just write down the HSB or RGB color
]values from the Netscape color picker and transfer them to Color Calculator color picker. The
colors will match exactly.
Site Printer
! I`K
I@J
@0<<>
@0fFf
@0f>f
@><>>
RPIbR
?One of the beauties of the Web is that it
s not paper. But it
6Ahard to proofread on screen and even harder to write on it with a
;red magic marker or highlighter. For proofing purposes, you
really want your pages on paper.
AThat
s no big deal if your site is small. But if you have lots of
6=pages, it gets very tedious to drag them one-by-one onto your
@Web browser and print them out. The Site Printer will connect to
?your browser via AppleEvents, automatically load all your pages
Ainto the browser and print them out. Printing still takes as long
=as it used to, but at least you can go watch a movie instead.
[The Site Printer requires Netscape. The only option you have to set is the location of your
Netscape application. Click
Select Netscape Application...
! and locate Netscape on your hard
drive.
SThe Site Printer also requires QuicKeys, which you must purchase separately from CE
6YSoftware. QuicKeys is also bundled with most AV Macintoshes so you might be able to get a
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
6Tcopy that way. QuicKeys has two main components, the CE Toolbox and the QuicKeys OSA
Ycomponent, both of which need to be installed in your Extensions Folder. We apologize for
.this requirement, but Netscape does not offer
* printing support in its AppleEvent suite.
6MUntil this changes, we need to use another scripting language just to type a
?¥Once you have QuicKeys installed and the Netscape location specified, you just need to click
Load & Print Pages
)hA to print all the HTML documents currently loaded in the Grinder.
AppleScript
E)(E()
yIP:R
)HI)
0|!)'
"Lc$L
03>>1
.The AppleScript wheel lets you create your own
60Grinder wheels using the AppleScript programming
7language. The Grinder handles all the complicated parts
5for you: loading your HTML files, opening them up one
3by one, saving the changes, displaying the progress
1thermometer, etc. All you have to add is the text
juggling features you want.
0You can type your AppleScript in the large field
69provided. When your script starts, it will have access to
!two constants. The first, called
filename
contains the
6(name of the file currently being grinded
. The second,
called
filecontents
)<" contains all the text of the file
6]currently being grinded. You can access these constants the way you access any variables. But
Dyou don
t have to create them; the Grinder will create them for you.
]When your script is finished, it doesn
t need to do anything to the current file. The Grinder
6Ywill take care of that for you too. The current file will be changed to whatever you have
changed the
filecontents
variable to.
?[Here is a brief example. Lets say that, for some inscrutible reason, you wanted to take the
first word of each one of your
default.html
)A) pages and move it to the end of the HTML
6Qdocument. The following script is all you would need to type in the script field:
Courier
"if filename is "default.html" then
T set filecontents to (word 2 to 30000 of filecontents) && (word 1 of filecontents)
end if
?TThe Grinder will open each HTML document you dragged onto the Grinder icon, starting
67with the first. The Grinder will create two variables.
filename
will be the name of the first
HTML document.
filecontents
)<@ will be the text-only contents of the first document. Then your
6Yscript will start. The script given above will check to see whether the name of the first
5document is
default.html
. If it is, it will change
filecontents
)< by moving the first word to the
6Xend. Now the Grinder will change the contents of the first HTML document to the value of
filecontents.
)BJAnd then the Grinder will move on to the next file and repeat the process.
?SWith the AppleScript wheel, you can do things that would be impossible with a basic
6WFind/Replace utility. You can check individual words and paragraphs for values and make
Udecisions based on what you find. By using variables, repeat structures, if-then-else
$statements, you can actually create
intelligent
wheels.
?ZTake care with your scripting syntax. Errors will produce error messages, but no debugging
6ais available and it might be too late if you write a script that accidentally destroys your data.
QAs always, recent backups are a wise precaution when using the AppleScript wheel.
S Yes,
grinded
is not a word, but it sounds better than
ground
in this context.!
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Sequential Linker
WMany Web designers often find themselves facing the task of connecting a group of pages
6]into a sequential chain, with links on each page that point to the next and previous pages in
Xthe chain. These chains require a great deal of work, especially when they have to be re
organized.
[The Sequential Linker makes this a task of one minute. It automatically connects pages in a
6]sequential chain with links that lead from page to page, forward and backward. It even allows
3you to add a link up to a
Table of Contents
page.
+Loading your documents in the correct order
]To use this wheel, the first step is to select all the HTML documents in the chain. The order
6Zin which you select the documents determines the order in which they will be linked in the
]chain. The best method is to click on the first document in the chain, and then hold down the
Sshift key and click on the next document, the next document and so on until all the
Mdocuments are selected. Then let go of the shift key, point the mouse at the
first
document
6>selected, and then drag the whole group onto the Grinder icon.
Settings
ZAfter you have loaded the documents, open the Sequential Linker if it is not already open,
6 and make the following settings:
c#00ff
c300fg
c300fg
c300ff
8x||x
0>ffc
RBE!%
%)@AHH
RRE)%
A)PA$ D!
#3303
B%)H@
$% $
Choose a Table of Contents Page
The first item is the checkbox
Use Table of
Contents Page.
)S$ If you leave this button unchecked,
61the wheel will add only two links to each of your
3pages, one to the previous page and one to the next
4page. If you check this button, the wheel will add a
6third link to your pages, a link to a page outside the
3chain which can serve as a linked table of contents
1to all the documents in the chain (you can easily
6create the contents page with the Index Builder tool).
3If you are using a table of contents page, you need
6)to specify which page to use by clicking
Choose Contents Page...
A standard open dialog box
6Xwill appear with which you can select the HTML document which will serve as the table of
_contents to the chain. The filename of the page you select appears in the field to the right of
the button.
Setting the link text
s skip down now to the three lower text fields, labeled
Return to TOC Text, Previous
Page Text, Next Page Text.
> The text you type in these fields will be used as the colored
6^underlined text which links to the table of contents page, the previous page in the chain, and
the next page in the chain. The
Courier
9 and tags with a URL link reference will automatically be
61wrapped around the text you type in these fields.
6Separating the links and selecting where to place them
The text you type in the
Before Links
)G6 field is placed on the page before all the sequential
links. Likewise, the text in
After Links
)A2 is placed after the sequential links. The text in
Between Links
)QJ is placed between each link. You can type or paste as much HTML code into
6^these fields as you like (it doesn
t matter if it doesn
t all display). You can even use these
2fields to place your links inside bordered tables.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?&Finally, there is a popup menu titled
Append
+which controls where on each page the links
6Qare placed. See the description of the identical popup menu in the Appender wheel
"instructions for more information.
The Results
]How does this all come together? If you keep the default settings, as they are illustrated in
6*the screen shot above, and then click the
Link Pages
);* button, the following text will be placed
6/at the end of every one of your HTML documents:
(Previous Page | Contents | Next Page
Previous Page
will be linked to the previous page in the chain,
Contents
will be linked to
the page you selected with the
Choose Contents Page...
' button, and
Next Page
will be linked
6Zto the next page in the chain. All three links are separated by
as specified in the
Delimiter
)4T field. Each page will contain these links and you will be able to move from page to
6Opage
forward or backward or up to the contents page
just by clicking the links.
If you don
t use a Contents page
^If you do not use a Contents page, the links will be identical except that the
Contents
link
will be missing. The
Choose Contents Page...
button and the
Return to TOC Page
text field
will both be disabled.
(What happens on the first and last pages
]The previous-page link on the first page is linked to the table of contents page (if there is
6aone) or to the last page in the chain. Likewise, the next-page link on the last page is linked to
Nthe table of contents page (if there is one) or to the first page in the chain
You can use pictures too
YThe easiest way to use this wheel is to use hypertext for your links, as described above.
6]However, there is nothing to prevent you from using inlined images for the previous, contents
and next page links.
[Create your image files of a left-pointing arrow, a right-pointing arrow and an up-pointing
6Yarrow for the contents page. Place these images in the same folder that contains the HTML
^documents in the chain you are creating. Then in the link text fields, instead of typing
)Page
(or whatever), type something like
Courier
<img src="next.gif">
(or whatever).
?YYou may have to play with the pathnames a bit. But experiment a little and you can easily
6Eadd handsome buttons to your pages as easily as boring old hypertext.
Updating the links
¥The first time you add sequential links to a page, the links are placed at whatever location
you specify with the
Append
),8 popup menu. The links are wrapped in the non-displaying
comment tags
<!--linkers-->
and
<!--end of linkers-->
?RThe next time you run the Sequential Linker on the same pages, something very cool
happens. The wheel ignores the
Append
),* popup menu and looks for the comment tags
6`instead. The wheel then throws out the old links, and inserts the new links in their place. This
Zmakes it very easy for you to maintain your pages and re-order them without worrying about
"deleting the obsolete links first.
* See Appendix for more about comment tags.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
StretchList
What are StretchLists
FStretchLists
are a Web interface element designed by Matterform Media
. The StretchList
6Lwheel is a tool designed to help you create StretchLists quickly and easily.
WA StretchList is a way of condensing a long page of information into a simple, overview
6Wwhich can be taken in at a glance, and expanded at will. An illustration will make this
clearer
YFollowing is
page of information. It contains some introductory information at the
6Xbeginning, and some closing information at the end. In between, it contains some natural
Zsections, which we shall call
elements,
and which are named and formatted on the page as
8large bold text. A Web designer might tag them with the
Courier
" tag. Each of these Element titles
60precedes a paragraph or two of descriptive text.
+H&KGeneral introductory information. General introductory information. General
;introductory information. General introductory information.
Element 1
LText about element 1. Text about element 1. Text about element 1. Text about
Lelement 1. Text about element 1. Text about element 1. Text about element 1.
LText about element 1. Text about element 1. Text about element 1. Text about
element 1. Text about element 1.
Element 2
LText about element 2. Text about element 2. Text about element 2. Text about
Lelement 2. Text about element 2. Text about element 2. Text about element 2.
AText about element 2. Text about element 2. Text about element 2.
Element 3
LText about element 3. Text about element 3. Text about element 3. Text about
Lelement 3. Text about element 3. Text about element 3. Text about element 3.
LText about element 3. Text about element 3. Text about element 3. Text about
Lelement 3. Text about element 3. Text about element 3. Text about element 3.
Text about element 3.
IGeneral closing information. General closing information. General closing
Ninformation. General closing information. General closing information. General
closing information.
?ZThe goal is to reduce this page to an overview. The overview should not require scrolling,
6:and should be easily expandable into the complete version.
UWhen we run the StretchList wheel on the source page, we receive a new condensed page
which looks like this:
I StretchLists and their name are inspired by Ted Nelson
s description of
StretchText.
): For more
6(information see Nelson
s excellent book
Dream Machines.
)T- This is perhaps the first book of hypermedia
theory, published in the 1970s.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
~KGeneral introductory information. General introductory information. General
;introductory information. General introductory information.
Element 1
Element 2
Element 3
~IGeneral closing information. General closing information. General closing
Ninformation. General closing information. General closing information. General
closing information.
?ZThe introductory and closing information as well as the three element titles are retained,
6_but all the descriptive text is gone. Additionally, each element title is now a hypertext link,
and the small
)R( graphics have been automatically added.
?]This overview is a StretchList and functions in a fashion similar to the expanding folders of
6WSystem 7 on the Macintosh. By clicking on
Element 1,
we can change the display to the
following:
+H&KGeneral introductory information. General introductory information. General
;introductory information. General introductory information.
Element 1
LText about element 1. Text about element 1. Text about element 1. Text about
Lelement 1. Text about element 1. Text about element 1. Text about element 1.
LText about element 1. Text about element 1. Text about element 1. Text about
element 1. Text about element 1.
Element 2
Element 3
~IGeneral closing information. General closing information. General closing
Ninformation. General closing information. General closing information. General
closing information.
?>The triangle to the left of
Element 1
turns and points down
Element 1
becomes bold
6Wfaced. And the descriptive text appears below the title and indented about a half-inch.
¥Notice the continuity which this StretchList affords and which is unusual for hypertext. The
6aother two element titles are still on the page. Our place in the order of the information is very
Hclear. Even the introductory and closing information is still before us.
3If we click
Element 2,
the display changes again:
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
~KGeneral introductory information. General introductory information. General
;introductory information. General introductory information.
Element 1
Element 2
LText about element 2. Text about element 2. Text about element 2. Text about
Lelement 2. Text about element 2. Text about element 2. Text about element 2.
AText about element 2. Text about element 2. Text about element 2.
Element 3
~IGeneral closing information. General closing information. General closing
Ninformation. General closing information. General closing information. General
closing information.
Element 1
automatically re-closes and
Element 2
expands. The other element titles are
condensed but still available.
XAt this point we could click
Element 3
to expand it. Or we could click
Element 2
6 completely re-condense the page:
+H&KGeneral introductory information. General introductory information. General
;introductory information. General introductory information.
Element 1
Element 2
Element 3
~IGeneral closing information. General closing information. General closing
Ninformation. General closing information. General closing information. General
closing information.
?4That is the basic operation of a StretchList. It is
continuous
hypertext as opposed to
discrete
hypertext.
Discrete
)*I hypertext is the kind that jumps the reader around from page to page and
6Wshows no obvious connection with other pages other than the underlined hypertext links.
Continuous
)<S hypertext maintains the continuity of a single view, but alters it slightly. It is
6@much easier to keep from getting lost with continuous hypertext.
How StretchLists work on the Web
SThe Web has no provision for continuous hypertext. Therefore, we must trick it into
6Asimulating continuous hypertext by using only discrete hypertext.
WWe do this by taking the single source page, and breaking it into a number of different
6¥StretchList pages. There is a page for the completely condensed version, and a page for each
^of the expanded elements. The element titles link cleverly from page to page. In this way, the
Wappearance of continuity is maintained, even though we are actually moving from page to
discrete page.
aIf this sounds like a lot of work, it is. But the beauty of the StretchList wheel is that it does
all the work for you.
Formatting the source file
_To create a StretchList, you start from a single source file and insert tags that will instruct
6Jthe StretchList wheel how to break your source file up into a StretchList.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?[The element titles are the most important items to identify in the source file. You need to
6`wrap the element titles in a distinctive tag. The best thing to do is to wrap the element titles
in a
Courier
and
</h3>
tag. However, if you use the
# tag elsewhere in the document, you
6_will need to use a different tag. You can use any tag that has an opening and closing tag, such
and
</h2>
</b>
)# as long as that tag isn
t used
anywhere
else in the
source file.
ZIf you want to include introductory and closing information (text, graphics or buttons) at
6]the top and bottom of every page of your StretchList, you will need to identify that as well.
WYou should mark this information with a non-displaying comment tag at the beginning and
4end of the information. You could use the following:
<!--header-->
0at the beginning of the introductory information
<!--end of header-->
*at the end of the introductory information
<!--footer-->
+at the beginning of the closing information
<!--end of footer-->
%at the end of the closing information
?XYou can use whatever tags you wish to mark the elements, header and footer but they must
6¥be unique tags. You will enter these same tags into the StretchList wheel before you run it.
7Sample HTML code of a formatted StretchList source file
<!--header-->
6General introductory information. General introductory
6information. General introductory information. General
introductory information.
<!--end of header-->
<h3>Element 1</h3>
6Text about element 1. Text about element 1. Text about
;element 1. Text about element 1. Text about element 1. Text
&about element 1. Text about element 1.
<h3>Element 2</h3>
6Text about element 2. Text about element 2. Text about
;element 2. Text about element 2. Text about element 2. Text
<about element 2. Text about element 2. Text about element 2.
Text about element 2.
<h3>Element 3</h3>
6Text about element 3. Text about element 3. Text about
;element 3. Text about element 3. Text about element 3. Text
&about element 3. Text about element 3.
<!--footer-->
9General closing information. General closing information.
9General closing information. General closing information.
<!--end of footer-->
Loading the source file
[The StretchList wheel is somewhat unusual in that it works on only one file at a time. Drag
your source file, and
C your single source file, onto the Grinder icon to load it. Another
6_unique feature of the StretchList wheel is its automatic backup of your source file. The source
^file is irrevocably altered
and, if you make even a small mistake, can be totally ruined
so it
,is vital that a backup is always maintained.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Setting the icon locations
I)HHR
`bg.&
O08Iz
&p8I2
L!JRB
IJX A
H'JRN
H)JRR
%(( R
!(& P
%(! R
<|><l
FffFq
>ff>a
>f>>`
`3#2f
`?30f
`030f
`132f
&bff&c
I)HRC
A)JPB(B
!The Grinder comes with the small
and
icons. They
6;are located in a folder called
StretchList icons
which in
;turn is located inside the Grinder Tools folder. Copy these
2icons into an appropriate folder in your Web site.
9Then use the buttons at the top of the screen to show the
62Grinder where the condensed and expanded icons are
:located. You will be given a standard open dialog box with
3which you can select the location of each icon. The
=locations will appear in the text fields to the right of each
;button. Don
t worry if the address appears cut off
s all
there.
Other icon options
0You can also use the fields to the right of the
Select Icon
buttons to set the height and
6Vwidth of the condensed and expanded icons. The numbers in these fields will be used to
/create the height and width parameters for the
Courier
<img>
)!! tags. You need to type something
6Zspecial here only if you are using icons other than the standard icons which ship with the
4Grinder. If you are using the standard icons, click
Standard Icon Sizes
to automatically enter
66the appropriate values in the height and width fields.
WYou can also choose whether you want the condensed and expanded icons to be part of the
6;hypertext link that controls the StretchList. If you check
LinkIcons,
visitors will be able to
6`click on the element title text next to the triangular icons, or directly on the triangular icon
_itself, to collapse or expand the StretchList. Otherwise, the triangular icons are inactive and
:visitors must click on the text to the right of the icons.
Element tag
In the field
)A%Format for the title of each element,
) type in the tag you used to identify the
6<element titles when you set up the source file (for example
). You only need to type in
6Wthe starting tag. The wheel will automatically generate the appropriate ending tag (for
example
</h3>
Header and Footer
In the
Header Tags
)HB fields, type the non-displaying comment tags you used to mark the
6Xbeginning and end of the header information when you set up the source file (for example
<!--header-->
and
<!--end of header-->
In the
Footer Tags
)DB fields, type the non-displaying comment tags you used to mark the
6Ybeginning and end of the footer information when you set up the source file (for example
-footer-->
and
<!--end of footer-->
Run the wheel
VThat
s all the settings you need to make. When you run the wheel, your original source
6Xdocument will be permanently altered, and new documents will be created. Since it is not
Zpossible to undo the operation, the StretchList wheel automatically makes a backup of your
Usource file, in the same folder as the source file, and with the same name plus
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
The new files
2The StretchList wheel makes the following changes:
0Makes a backup of your source file and names it
sourcefile.html BU.
3Condenses the source file completely. Installs the
icons.
PCreates a new file for each element. The new files are named the same as the now
U3altered source file with the addition of a numeral.
4Installs all the appropriate links in all the files.
?^So if you start with a source file called
list.html
containing three elements, you will now
have the following files:
Courier
list.html BU
)a"backup of the original source file
list.html
)M3now condensed and the first page of the StretchList
list1.html
list2.html
3the three expanded element pages in the StretchList
list3.html
Changing the StretchList
]The best way to change a StretchList is to go back to the backup of your source file, restore
6$its original name, make the changes
there,
. and then run it through the StretchList wheel
6Tagain. Make sure you always have a backup of your source file, as there is no way to
unstretch
a page.
Theseus
c33&ff@
pbBFJ
@JXA$
`rBIJ
JAI:^`
A JAIJP
`P=1
R )J@$)
) JBB
^ )J@$
P )J@%)
!)HIJ
c33&f`
$H)1%
$H)1$
$H)1$
RbJLJH
BBHJH
DI1)1)$$
DH (!
DI!)!)$$
$H)1%)$
)JA) I$
)JA) I$
&On the island of Crete, the Greek hero
6,Theseus used a ball of twine to find his way
*through the famous Labyrinth of King Minos
+and slew the terrible Minotaur. The Theseus
+wheel will wind its way through your entire
)Web site and help you root out the broken
+links and bad HTML syntax that are the bane
of Web authors everywhere.
-Fortunately, this incredibly powerful tool is
61also incredibly easy to use. Just drag the folder
+containing your site onto the Grinder icon,
open Theseus, and click
Examine All Links.
6-That
s all you need to do! Theseus will grind
Xfor a while
possibly quite a while, depending on the size of your Web site
and then give
*you a complete analysis of all the broken
! intact links and inlined images.
Broken links & bad HTML syntax
XTheseus reports its findings for each of your HTML pages. When Theseus is done grinding,
6]it will show you a list of the HTML files which contain broken links or bad HTML syntax. This
^list of files will appear in the scrolling field to the left, just underneath the
popup
menu.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
The icons indicate the type
and status of the link.
'8r#
E)"AI
@)"*I
HI%) %$
HA$( %$
HI%) %$
1 file with problem links
is listed in the file list.
When you click the file in the
$file list, the bad links are listed
in the link list.
Use the popup menu to switch
to a different viewing of files.
You can click one of
the links to open the
HTML file and fix the
link.
A preview of the HTML code
for the link is displayed here.
?#Theseus will do more than just find
6'files that need work. It will also show
#you exactly where the problems are.
)Simply click one of the lines in the file
*list. A listing of all the broken links in
+that file appear in the field to the right.
$A small portion of the relevant HTML
(code for the link appears, along with an
"indicator icon. The icons include:
Hypertext link to a non-existent
Ffile (could be a typo in the HREF parameter, or a file that was moved)
SHypertext link with bad HTML syntax (could be missing quotation marks, missing </a>
"tag, or other formatting problems)
)Inlined image link to a non-existent file
'Inlined image link with bad HTML syntax
?]The snippet of HTML code next to the icon will give you an idea of which link in the file has
6Zthe problem, and what the problem is. Sometimes, an error message appears next to the icon
6so you know exactly what needs to be done to the link.
Fixing links
[To fix a link, simply click on it. The HTML file opens in a text window. The window scrolls
6]automatically to the link you clicked on, and the HTML code for the link is selected. You can
Zmake appropriate changes to the HTML code right in this window and then close and save the
HTML text file.
DWhere more than one link is listed, the links appear in the list in
reverse
of their order in
6¥the HTML document. That is, the first link in the list is actually the last link in the HTML
_document. When fixing or altering links, it is best to work from the first link listed straight
¥through to the last, (i.e., from the bottom of the HTML document up to the top). If you work
_in a different order, Theseus will lose track of the positions of the links in the document and
]will not scroll the text window correctly, making it more difficult to find links in the HTML
Qcode. (A future version of the Theseus wheel may overcome this minor limitation.)
^After you fix a link, the link still appears as an error in the link list. Go through all your
64pages and fix all the broken links. Then just click
Examine All Links
again to check your site
65again and make sure you didn
t miss any broken links.
3Additional link analysis with the
popup menu
DIn addition to finding broken links, Theseus can give you a complete
6Aanalysis of all the links
good and bad
that are used in your HTML
Bpages. When you are viewing the broken links only, the phrase
Links
appears in the
% popup menu. To view different links,
6!choose a different item from the
popup menu:
All Links.
)4N Displays a list of all HTML files that contain hypertext links and/or inlined
U0images. Selecting one of the files will display
$ the links or images
good and bad
UUthe file. Broken links are marked with the same icons described above. Good hypertext
links are marked with a
- , and good inlined images are marked with a
Bad Links.
)9K Displays a list of HTML files that contain broken links/images or bad HTML
syntax.
OutLinks.
)5F Displays a list of HTML files which contain links to external network
UXresources, such as other Web sites, FTP archives, Gopher sites, etc. A future version of
Jthe Theseus wheel may be able to check the validity of these links for you
automatically.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
&%&%$
$%$%$
E)"AI
@)"*I
RbI)$
RbI)$
Q$$%$
bI)" "
@I)" "
BI)" "
J$This number indicates the number of
#HTML pages which link to this file.
This is an HTML page that
contains a link to the
"bolobolo.html" page
%These files are not linked to by any
other HTML pages. They probably
should be linked or deleted.
Z This is a list of all the files
dragged onto the Grinder
InLinks.
)," Displays a list of all HTML files
& graphics which are linked to by other
U/HTML files in your site. Click a file to see a
+list of the HTML files that link to it. The
*files are sorted by the number of inlinks.
*Files preceded by a zero are not linked to
)by any of the HTML files you dragged onto
%the Grinder. Use this command to find
"inaccessible pages that need to be
Sconnected with links; or to find obsolete images which are no longer being used and
which can be deleted.
Dead Ends.
)=L Displays a list of HTML files which contain no hypertext links to any other
UVHTML pages. (It is recommended that every one of your pages contain a link to at least
one other page in your site.)
Options
|f|<>
`ffld
`ffxp
fflL
=Generally, Theseus examines all links in your HTML files. You
6?can achieve better performance by restricting the links Theseus
will check. Click
Options
),$ to display the Link Options window.
?;The set of checkboxes at the top of the Link Options window
6Ccontrol what kinds of links Theseus will check. By default, Theseus
will check both
Hypertext Links
Inlined Images.
You can turn
6?off one or the other of these options (but not both) for faster
.performance. If you check the third checkbox,
Only Bad Links,
6<Theseus will keep track of broken links and bad HTML syntax
6Dand will not keep track of good links, outlinks, inlinks or dead end
2pages. This can also improve grinding performance.
_You can also configure Theseus so that it will ignore all links between certain pieces of text.
6¥Many web pages contain identical navigation buttons at the top or bottom of each page in the
[site. It is usually quite easy to maintain these links throughout the entire site using the
ZFind/Replace wheel or the Replace Tagged Text wheel, so it is not necessary to check these
links with the Theseus wheel.
^To ignore these links, simply type in two strings of text, one that marks the beginning of the
6¥links, and one that marks the end. Theseus will ignore any links that happen to fall between
^these strings of text. You can specify one or two chunks of text (or none), each marked out by
its own
Start
Gstring. By ignoring chunks of common links, you can achieve significant
performance boosts.
0Theseus will also run faster if you do not load
" HTML documents and no image files
6¥onto the Grinder icon. If you drag only HTML documents onto the Grinder, you can still check
]their image links. By not loading images, Theseus will not have to check the inlinks for each
$image file and will run much faster.
Link types supported
&The current version of Theseus checks
Courier
<img>
<a href>
tags. Theseus does not
6)currently check the following link types.
Scrolling links (of the form
<a href="#section2">
href="nextpage.html#section2">
combined with
<a name="section2">
<AREA>
).,tags used in Netscape client side imagemaps.
<FRAME SRC="">
)¥( tags used in Netscape frames documents.
Other Netscape HTML extensions.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
WExternal HTTP links, FTP links, and MAILTO: links are checked for proper format but are
not otherwise verified.
2Absolute file references (beginning with a slash).
?SFuture versions of the Theseus wheel may include some or all of these capabilities.
Eight Dot Three
WThe Macintosh and the World Wide Web allow you to use nice, long descriptive titles for
6^your files and folders. This can create a problem if you ever need to move a site created on a
]Macintosh over to a PC for editing or publishing because DOS and Windows will cruelly curtail
Vyour filenames to a mere eight characters. Links will fail to work and formerly unique
:filenames will become indistinguishable
for example, both
Courier
worldmap.html
and
worldmap
6 big.html
would be truncated simply to
worldmap.htm
?[The Eight Dot Three wheel automatically converts your entire site to the shorter filenames.
6WThe wheel does more than just rename your files. It renames them intelligently to avoid
Yduplicate names and also corrects all the page and image links within your HTML pages. It
Zeven will shorten the names of your folders (or
directories
as they are so long-windedly
Wtermed in DOS; isn
t it funny that you
re not allowed to have a directory that
s titled
directory
pc;9.e
RR^O)
RRPH)
c$C ¥
`<|f<m
bffdb`
<<fx<``
DTo convert your Web site, first make sure that the Grinder is set to
load
) documents (not just HTML documents; see
Preferences,
6>below). Then make a backup copy of your Web site, and drag the
Bentire folder containing the site onto the Grinder icon. You might
want to check the
Loaded Documents
window under the Edit menu
68to make sure that the correct files were in fact loaded.
@The only setting you need to make is the Base Folder of your Web
site. Click
Base Folder
)A+ to select the top-level folder of your Web
6`site, the one that contains the entire site. This setting is necessary so that the Grinder knows
which folder names to shorten.
Now just click
Convert to 8-dot-3.
)l: The Grinder will examine your entire site and convert all
6Zthe filenames and link references to ensure that your site will be transportable to the PC
platform.
Link types supported
QThe current version of Eight Dot Three truncates file references within standard
<img>
href>
)5K tags. Eight Dot Three does not currently support the following link types.
Scrolling links (of the form
<a href="#section2">
href="nextpage.html#section2">
combined with
<a name="section2">
<AREA>
).,tags used in Netscape client side imagemaps.
<FRAME SRC="">
)¥( tags used in Netscape frames documents.
Other Netscape HTML extensions.
2Absolute file references (beginning with a slash).
?[Future versions of the Eight Dot Three wheel may include some or all of these capabilities.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Code Police
!JP , JJI
JB JC
JJI:P
TI! /0
( JJIJR
(I! (
:L`(E!
%!!IJ@$
'Iz@<
)IB@
%( )A
RNs8@
2300ffd
0<ffp
3300f~8
3300f`
3300fbL
E,JJ ,JB)IHA)H
zB/IHA)H
E(BHI
BBHIHE)H
&If you maintain a Web site for a large
61organization, you probably get a lot of Web pages
$submitted by non-programmers and non
6+designers. Code Police lets you check pages
-submitted by other people to ensure that they
+adhere to company guidelines before placing
them online.
,For example, you can use Code Police to make
60sure that all pages contain the company logo, or
.HTML code for a specific header, or the proper
.background color. You can make sure that every
2page is suffixed with a
.html
or that all images
1are located inside a specific folder. Code Police
]gives you a report of all the files that don
t measure up. Fix the problems yourself, or send
[the files with the error report back to the person responsible. Combined with Theseus, Code
'Police can make your life a lot easier!
#Code Police has two views. Use the
+ popup menu in the lower left corner of the
window to change between
Rules Setup
and
Flagged Files.
Rules Setup
In the
Rules Setup
)BL view, you configure Code Police by creating a list of rules. Each file that
6ayou drag onto the Grinder icon will be tested against each rule in the list. Files that match the
>criteria specified in the rules list are flagged as violators.
To create a new rule, click
or type
4N. A new blank line will be highlighted in the rules
6Llist. Use the fields on the right to set the parameters of the rule. In the
Description
field, type
6ba brief description of the rule. Make it concise but clear, as this description will be printed on
¥the error report generated by Code Police. For example, if your company frowns on use of the
Courier
mailto:
).T tag, you might refer users to the company manual by saying
Do not use mailto: tag.
6UCreate a form instead. See manual for sample code & instructions.
When you leave the
Description
)@U field, the first few words of the description you type will appear in the rule list.
?YBelow the Description field are the logical test settings you can make. The logical tests
6]check a particular container of text against a string that you specify. There is a popup menu
Rthat lets you choose a container. A second popup menu lets you choose a comparison
Qmethod. A field below these popup menus specifies the text you want to check for.
Container Options
Contents
textual contents of the file
File Name
the name of the file as seen in the Finder
File Path
the enclosing folders of the file of the form
Hard Drive:folder:
:folder:
Page Title
the title of the HTML page as set with the <title> tags
Comparison Options
Contains
the container contains the text specified in the field below
Does Not Contain
the container does not contain the text
the container is exactly identical to the text
Is Not
the container is not exactly identical to the text
Starts With
the begins with the text
Does Not Start With
the container does not begin with the text
Ends With
the ends with the text
Does Not End With
the container does not end with the text
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?VA second set of popup menus & text field is directly below the first one. A popup menu
6¥connects the two sets and is originally labeled
You can choose
from the
5popup menu to enable and use the second set of menus.
^Run the wheel by clicking the "Flag Files" button. When Code Police finishes grinding, it will
switch you to the
Flagged Files
view.
Flagged Files
!JP , JJI
JB JC
JJI:P
TI! /0
( JJIJR
(I! (
:L`(E!
%!!IJ@$
'Iz@<
)IB@
Hc'p3T
"Q("H
I "@
I)"H
HHRR !)JA
HH1%
^ !)zA
@JRP !)BA
330#2
2300ffd
0<ffp
3300f~8
3300f`
3300fbL
E,JJ ,JB)IHA)H
zB/IHA)H
E(BHI
BBHIHE)H
3Flagged Files view displays a list of all the files
6,found by Code Police, along with the rule(s)
1broken by each file. Double-click the rule number
/to review the description for that rule. Double
6/click a filename to open that file for editing.
.But if you just want to wash your hands of the
whole mess, click
Print
to print out a list of the
6+files along with their errors and each rule
.description and then send the whole batch back
2to whoever is responsible for the pages. Tell them
The Computer rejected your pages
(that
ll scare
them) and go home early!
.If you want to doctor the flagged files report
6=before sending it off, you can export it to text by clicking
Save as text...
Then you can open it
63in a word processor and do whatever you need to do.
YIf you
re a real sweetheart, you can fix the pages yourself. You can quickly load all the
6+flagged files into the Grinder by clicking
Load These Files
)]! and then choose another wheel to
do work on the files.
Other Notes
[Code Police can be helpful even if you don
t receive files from other people. Often you may
6Wbe contemplating an extensive change to a number of pages in your Web site. You can use
aCode Police to create a manifest of all the files in your site that match certain criteria (e.g.,
^mentioning a person
s name, containing a particular image, etc.). This can give you an idea of
;how many files are affected before you actually begin work.
XYou can use Code Police to check files other than standard text files, e.g., GIF or JPEG
6^images. When checking non-text files, you can only examine the file name and the file path. If
`you create a rule that checks for the file contents or the page title, that rule will be skipped
when checking non-text files.
¥The Flagged Files report displays a maximum of ten or eleven errors for any particular file.
6[Additional errors are represented with an ellipsis (
). There is currently no workaround to
_this limitation, but we figured that if you
ve got files that break more than ten rules, you
Mprobably got a file that needs to be totally re-written, not just patched up.
`There is a 30K limit to the text that can be checked for in all the rules at once. This normally
6`is not a problem since you will generally be checking for small strings of text. However, if you
`need to check your files to insure that they contain a very long string of characters, you might
^start bumping into the limit. Consider setting up a rule that checks for just the first 15 and
alast 15 characters of the long string instead of checking for the entire string at once. Or check
Syour files in more than one pass, changing the rule settings between each Grinding.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Other Features
Linking wheels together
RAs you work with the Grinder, you will often find yourself using certain wheels in
6Wconjunction. For example, every time you connect some pages with the Sequential Linker,
ll want to create a table of contents with the index builder. The Grinder allows you to link
Wwheels together, so that when one wheel finishes grinding, the next wheel automatically
starts.
¥Linking wheels is easy. Just go to the first wheel you want in the chain, and press the tiny
wheel icon
)JZL"
)KH at the bottom of the window. After a second, a popup menu appears which
6Econtains every other Grinder wheel. Select the wheel you want to run
after
this wheel. When
64you release the mouse button, the icon changes to a
q" to indicate that a wheel has been
linked.
VYou can create as long a chain as you like just by going to the next wheel and setting
another link with the
)JZL"
> popup menu. Every time you run a wheel, the Grinder will jump
6,automatically to the wheel specified in the
)JZL"
- popup menu and run that wheel automatically.
To clear a link, press the
, icon and select
from the popup menu.
Saving commonly used settings
VYou can make duplicate copies of any Grinder wheel to save specific wheel settings for
6_future use. Just make your settings, close the wheel, select the wheel in the Finder, and press
RD to duplicate the wheel. Give the new copy a name that will help you remember its
6¥settings. This wheel will save the settings you gave it, so you can use it any time you need
those particular settings.
* 'Editing text documents with the Grinder
ZVersion 3.0 of the HTML Grinder allows you to create and edit standard text documents. Use
6Tthe menu commands in the File menu to create new documents, open existing documents,
Wand save documents. Text documents appear in separate windows and you can edit them the
Zsame way you would in SimpleText or TeachText. You can open and edit files that are 30K or
smaller in the Grinder.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
Preferences
?You can access the Grinder preferences at any time by choosing
Preferences
from the Edit
6%menu. The Preferences window appears.
332fd
330fp
?30~8
L132bL
RIbAHRR
"D ^t
)IBH
$%)@J
!!H !)JRR
!'H9!)BR^
!)HI!)JRP
!!HJJA "%%!)JRR
!'HJJ@
""=!)BR^
!)HJJ@)"%!!)JRP
*There are two checkboxes at the top of the
6!Preferences window. If you check
Clear loaded
6"documents before loading new docs,
the Grinder
will completely
replace
the currently loaded
6.documents with the new documents you drag onto
3the Grinder icon. If you uncheck this box, dragging
documents onto the Grinder will
the old
documents and
the new documents to the end of
6 the list.
If you check
Chime when done grinding,
65Grinder will let you know when it is finished loading
3or grinding documents. Uncheck this box if you hate
the chime.
Check
Load all documents
)mA to load all the documents you drag onto the Grinder icon. If you
64only want to load certain types of documents, check
Load only suffixed documents.
In the
6`field to the right, type in the suffixes of the file types you want to load. This is useful when
Zdragging a folder of many documents onto the Grinder. You can use this option to load only
Qthe HTML documents, or only the GIF files, or only JPEG files or any combination.
Appendix
Demo Mode and Serial Numbers
WAll the Grinder wheels except the Find and Replace wheel ship in Demo Mode. This allows
6[you to try the wheels out for a few weeks. After that time, the wheels expire and require a
&serial number to continue functioning.
YWhen you open a wheel in Demo Mode, it displays a dialog box that gives you the following
three options:
f`ff0
f`ff0
&`fb1
3132c
>`f>fg
33#0&ba
3132c
Register.
)0& Click this button if you already have
U-received your serial number. You will then be
4prompted to enter your number. Be sure to type it in
exactly
)%- as you received it. Once you type in a valid
U7serial number, you will not be bothered with the serial
number dialog box again.
Demo Mode.
)EI Click this if you don
t have a serial number yet and you want to try the
UWwheel out in Demo Mode. If you receive a serial number later on, you can type it in the
next time you open this wheel.
Serial # ?
)2I Click this for a little more information about serial numbers and how to
purchase them.
?>When Demo Mode expires on any wheel, your only option will be
Register.
If you do not
6Wtype in a valid serial number, the wheel will close and you will not be able to use it.
YEach wheel requires its own serial number. This allows you to purchase serial numbers for
6^only the wheels you want to keep. There is a discount for purchasing all the serial numbers at
once. See
How to Contact Us
)g> on page 2 for more information about ordering serial numbers.
Lucida Bright
)HTML Grinder
http://www.matterform.com/
Page
?[Do not open any of the wheels until you are ready to evaluate it. If you open a wheel for a
6Zquick look, then close it and don
t come back to it for a month, you will find that it has
[expired before you even had a chance to review it. Downloading a new wheel will not help
will be expired too.
XWhen you receive your serial numbers, install them right away. They will expire in a few
6(days if you do not use them soon enough.
YBe sure to keep a copy of the serial numbers you receive. You will need them again if you
6_have to reinstall the Grinder, or if you move the Grinder application to a different Macintosh.
* "Registering all the wheels at once
VYou can purchase serial numbers for individual wheels or for the entire Grinder bundle
which entitles you to use
@ the wheels. To install a number for an individual wheel, simply
6Copen the wheel and enter the number in the dialog box that appears.
ZTo register the entire Grinder bundle, open the Grinder application. No window will appear
6Lon your screen but the menubar will change to the Grinder menus. Now choose
Register All
Wheels
)'P from the Tools menu and enter your number into the dialog box that appears. You
6_only need to enter this number in this one place; all the Grinder wheels will be registered and
Lwill open in registered mode after you enter a number for the entire bundle.
ZOf course, you must have a valid bundle number. Don
t try typing a number for an indivdual
6.wheel in the Bundle dialog box. It won
t work.
* *Can
t drag documents onto the Grinder icon
SSome people have problems dragging documents and folders onto the Grinder icon. The
6WGrinder just won
t highlight when another icon is dragged onto it. This usually happens
Eimmediately after downloading and installing the Grinder application.
<If this happens to you, you can solve the problem easily by
rebuilding your desktop file.
6PSimply restart your Macintosh, and hold down the command and option keys on your
Zkeyboard. Keep holding these keys down as your Macintosh restarts until you see the dialog
[box asking if you want to rebuild your desktop file. Now you can release the keys and click
S For the next minute or so, the computer will rebuild the desktop file, and when it
6Nfinishes, you should have no trouble dragging documents onto the Grinder icon.
Comment Tags
UA comment is a bit of text which can be inserted into an HTML document but which does
6@not display when the HTML document is loaded into a Web browser.
QYou can
comment
any piece of text just by surrounding it with the standard HTML
6Tcomment tags. To insert the phrase
footer
as a non-displaying comment in your HTML
document, just type it as:
Courier
<!--footer-->
?UYou will be able to see the comment when you open the HTML document in a text editor.
6XBut when the document is loaded into a Web browser, the comment will be ignored and will
not appear.
XYou can use the comment tag to make notes to yourself in your HTML code. Several Grinder
wheels
such as
)b#Replace Tagged Text, Index Builder,
and
Sequential Linker
also use
6Ccomment tags to embed important information in your HTML documents.
Note:
Q Do not use comments to insert secret information into your HTML documents. While
6Xthe comments do not display in Web browsers, they usually do show up when a user chooses
View Source
from any of your pages.
D "'#CAPM
(JE>9%
G$&O;
,0*!1
`00p`
<;>)/1568:
`00p`
,'"*$
03+
20345
D "'#CAPM
(JE>9%
G$&O;
,0*!1
<;>)/1568:
,'"*$
03+
20345
@ x @
'% temp.0001
RIbAHRR
"D ^t
Michael Herrick
Matterform Media
Microsoft Word 5.1a
&OFST
~~~~~~
}}}}}}
||||||
{{{{{{
zzzzzz
yyyyyy
xxxxxx
wwwwww
vvvvvv
uuuuuu
tttttt
ssssss
rrrrrr
qqqqqq
pppppp
oooooo
nnnnnn
mmmmmm
llllll
kkkkkk
jjjjjj
iiiiii
hhhhhh
gggggg
ffffff
eeeeee
dddddd
cccccc
bbbbbb
aaaaaa
``````
______
^^^^^^
]]]]]]
¥¥¥¥¥¥
[[[[[[
ZZZZZZ
YYYYYY
XXXXXX
WWWWWW
VVVVVV
UUUUUU
TTTTTT
SSSSSS
RRRRRR
QQQQQQ
PPPPPP
OOOOOO
NNNNNN
MMMMMM
LLLLLL
KKKKKK
JJJJJJ
IIIIII
HHHHHH
GGGGGG
FFFFFF
EEEEEE
DDDDDD
CCCCCC
BBBBBB
AAAAAA
@@@@@@
??????
>>>>>>
======
<<<<<<
;;;;;;
::::::
999999
888888
777777
666666
555555
444444
333333
222222
111111
000000
//////
......
------
,,,,,,
++++++
******
))))))
((((((
''''''
&&&&&&
%%%%%%
$$$$$$
######
""""""
!!!!!!
Chicago
Palatino
Helvetica
Courier
Lucida Bright
%wVBF
rPREC
~PRVS
2FNMS